<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>后台管理模板</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
		<link rel="stylesheet" href="../../css/global.css" media="all">
		<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
		<link rel="stylesheet" href="../../datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css">
		<style type="text/css">
			.d-to {
				float: left;
				margin: 10px 70px;
			}
			.d-title {
				font-size: 25px;
				margin-bottom: 10px
			}
			.d-item {
				font-size: 15px;
				color: #1AA094;
			}
			.layui-body {
			}
			.datalist {
				text-align: center;
				margin-left: 40px
			}
		</style>
	</head>
	<body>
		<div class="layui-layout layui-layout-admin" style="border-bottom: solid 5px #1aa094;">
			<!--头部导航-->
			<div class="layui-header header header-demo" ></div>
			<!--左侧导航-->
			<div class="layui-side layui-bg-black" id="admin-side">
			</div>
			<!--右侧具体内容-->
			<div class="layui-body" style="bottom: 0;border-left: solid 2px #1AA094;padding:20px" id="admin-body">
				<div class="datalist">
					<div class="d-to">
						<div class="d-title">今日订单</div>
						<div class="d-item">827</div>
					</div>
					<div class="d-to">
						<div class="d-title">历史订单</div>
						<div class="d-item">8827</div>
					</div>
					<div class="d-to">
						<div class="d-title">用户人数</div>
						<div class="d-item">3827</div>
					</div>
					<div class="d-to">
						<div class="d-title">快递人数</div>
						<div class="d-item">1827</div>
					</div>
				</div>
				<hr>

				<div id="main" style="width: 1200px;height:400px;"></div>
				<script type="text/javascript" src="http://echarts.baidu.com/dist/echarts.js"></script>
				<script type="text/javascript">
				// 基于准备好的dom，初始化echarts实例
				var myChart = echarts.init(document.getElementById('main'));
				// 指定图表的配置项和数据
				var option = {
				title: {
				text: '城市-订单数'
				},
				tooltip: {},
				legend: {
				data:['订单数']
				},
				xAxis: {
				data: ["杭州","北京","上海","广州","深圳","宁波","绍兴","成都","海南","长沙"]
				},
				yAxis: {},
				series: [{
				name: '订单数',
				type: 'bar',
				data: [100, 220, 136, 120, 210, 102,21,114,98,124,]
				}]
				};
				// 使用刚指定的配置项和数据显示图表。
				myChart.setOption(option);
				</script>

				<div id="main2" style="width: 1200px;height:400px;"></div>
				<script type="text/javascript" src="http://echarts.baidu.com/dist/echarts.js"></script>
				<script type="text/javascript">
				// 基于准备好的dom，初始化echarts实例
				var myChart = echarts.init(document.getElementById('main2'));
				// 指定图表的配置项和数据
				var option = {
				title: {
				text: '用户数增长曲线'
				},
				tooltip: {},
				legend: {
				data:['用户数']
				},
				xAxis: {
				data: ["4/1","5/1","6/2","6/4","6/9","7/1"]
				},
				yAxis: {},
				series: [{
				name: '用户数',
				type: 'line',
				data: [5, 20, 36, 100, 150, 220]
				}]
				};
				// 使用刚指定的配置项和数据显示图表。
				myChart.setOption(option);
				</script>
			</div>
		</div>
		<!--底部导航-->
		<!-- <div class="layui-footer footer footer-demo" id="admin-footer"></div> -->
		<!--JS模块-->
		<script type="text/javascript" src="../../layui/layui.js"></script>
		<script src="../../js/jquery-1.12.3.min.js"></script>
		<script src="../../js/index.js"></script>
		<script src=""></script>
	</body>
</html>